<template>
  <div id="Suser">
    <!-- -->
    <el-header>
      <!-- 导航菜单-->
      <el-menu :router="true"
               :default-active="activeIndex"
               class="el-menu-demo"
               mode="horizontal"
               style="height: 60px"
      >
        <el-menu-item index="/Suser1">待支付</el-menu-item>
        <el-menu-item index="/Suser2">待发货</el-menu-item>
        <el-menu-item index="/Suser3">待提货</el-menu-item>
        <el-menu-item index="/Suser4">已完成</el-menu-item>
      </el-menu>
    </el-header>
    <!-- 中间部分/路由-->
    <el-main>
      <router-view></router-view>
    </el-main>
  </div>
</template>

<script>

export default {
  name: "Suser",
  data() {
    return {
      activeIndex:"/Suser2",
    }
  },
}
</script>


<style scoped>

</style>